<template>
    <div class="background-body">
        <img :src="this.$store.state.linkImg[bg_index].src" alt="" :style="{width: my_width+'px', height: my_height +'px'}">
    </div>
</template>

<script>
export default {
    computed: {
        my_width () {
            return this.$store.getters.bgImgSize[0];
        },
        my_height() {
            return this.$store.getters.bgImgSize[1];
        },
        bg_index() {
            return this.$store.state.backgroundImgIndex;
        }
    }
}
</script>

<style lang="scss" scoped>
    .background-body{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        filter: blur(3px);
    }
</style>
